﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hui 2.x</title>
    <meta charset="utf-8" />
    <meta name="author" content="百签软件（中山）有限公司，百小僧" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link type="text/css" href="../../../css/hui.css" rel="stylesheet" />
    <style type="text/css"></style>
</head>
<body class="hui-body">
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after hui-margin-left-10-after hui-overflow-hidden">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after hui-margin-left-10-after hui-margin-right-30-after hui-overflow-hidden">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after hui-margin-left-10-after hui-margin-right-30-after hui-overflow-hidden">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16 hui-font-color-emerald">
            Hui，让移动应用的细节与众不同。
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <span class="hui-badge  hui-line-height-0 hui-col-middle">
            <label class="hui-badge-content hui-background-color-turquoise hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-white hui-font-size-12">
                2
            </label>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <span class="hui-badge hui-line-height-0 hui-col-middle">
            <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-width-height-8 hui-circle"></label>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->


    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <input type="checkbox" class="hui-switch hui-position-relative hui-overflow-hidden hui-outline-none hui-border-all-e6e6e6 hui-background-color-white hui-font-color-turquoise hui-col-middle" />
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->

    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <input type="checkbox" checked="checked" class="hui-checkbox hui-border-radius-3 hui-border-all-e6e6e6 hui-vertical-align-middle hui-outline-none hui-background-color-white hui-font-color-turquoise hui-col-middle" />
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->

    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <input type="radio" name="a" class="hui-radio hui-circle hui-border-all-e6e6e6 hui-vertical-align-middle hui-outline-none hui-background-color-transparent hui-font-color-turquoise hui-col-middle" />
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->

    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <label class="hui-font-size-12 hui-font-color-ccc hui-display-block">个人资料</label>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <span class="hui-badge hui-line-height-0 hui-col-middle">
            <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-width-height-8 hui-circle"></label>
        </span>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
        </div>
        <span class="hui-badge  hui-line-height-0 hui-col-middle">
            <label class="hui-badge-content hui-background-color-turquoise hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-white hui-font-size-12">
                2
            </label>
        </span>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。
            <p class="hui-padding-top-0 hui-margin-all-0 hui-font-size-12 hui-font-color-ccc">无私奉献不是天方夜谭，有时候，我们也可以做到。</p>
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            Hui，让移动应用的细节与众不同。无私奉献不是天方夜谭，有时候，我们也可以做到。
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16 hui-text-line-1">
            Hui，让移动应用的细节与众不同。无私奉献不是天方夜谭，有时候，我们也可以做到。
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16 hui-text-line-2">
            Hui，让移动应用的细节与众不同。无私奉献不是天方夜谭，有时候，我们也可以做到。
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <span class="hui-icon hui-margin-right-10">
            <i class="hui-iconfont hui-icon-setting hui-font-color-e6e6e6 hui-font-size-20"></i>
        </span>
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            通用设置
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <span class="hui-icon hui-margin-right-10 hui-width-height-25 hui-background-color-turquoise hui-display-block hui-center-all">
            <i class="hui-iconfont hui-icon-setting hui-font-color-white"></i>
        </span>
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            通用设置
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6 hui-font-size-18"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-textlist hui-flexbox-row hui-col-middle hui-padding-all-10 hui-background-color-white hui-border-bottom-e6e6e6-after">
        <span class="hui-icon hui-margin-right-10 hui-width-height-25 hui-background-color-emerald hui-display-block hui-center-all hui-circle">
            <i class="hui-iconfont hui-icon-setting hui-font-color-white"></i>
        </span>
        <div class="hui-textlist-container hui-flexbox-item hui-font-size-16">
            通用设置
        </div>
        <span class="hui-icon">
            <i class="hui-iconfont hui-icon-arrow-right hui-font-color-e6e6e6 hui-font-size-18"></i>
        </span>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <script type="text/javascript" src="../../../script/hui.js"></script>
    <script type="text/javascript">
    </script>
</body>
</html>
